<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="../js/vue.js"></script>

<div id="app">

    {{message}}

<button @click="f">反转消息</button>
</div>



<script>
    //let (es6 中定义变量） / const (es6 中定义常量

   const app = new Vue({
        el:'#app',  //用于挂载要管理的元素
       data:{     //定义数据
            message: 'hello Vue.js'
       },
       methods:{
            f:function (){
                this.message = this.message.split('').reverse().join('')
            }

       }



    });


</script>




</body>
</html>